<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>无锡修车网</title>
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=0">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/XCNmain.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
</head>
<body>
<div data-role="page">
    <div id="new_index">
        <div class="header">
            <div class="left-header">
                <span>无锡</span>
                <i class="iconfont">&#xe632;</i>
            </div>
            <div class="center-header">
                汽车保养就找无锡修车网
            </div>
            <a class="right-header" href="tel:00000000">
                <div>
                    <i class="iconfont">&#xe61d;</i>
                </div>
            </a>
        </div>
        <a href="carBrand.html">
            <div class="unselect-car">
                <div class="left-unselect-car">
                    <i class="iconfont">&#xe602;</i>
                    <span>请选择车型</span>
                </div>
                <div class="right-unselect-car">
                    <span>选择车型</span>
                    <i class="iconfont" style="top:-1px;">&#xe64b;</i>
                </div>
            </div>
        </a>
        <div class="grey-bar">
        </div>
        <div class="serve-list">
            <div class="serve-list-header">
                <div class="list-tip">
                    <div class="inner-list-tip select-tip">上门保养</div>
                </div>
                <div class="list-tip">
                    <div class="inner-list-tip">到店维修</div>
                </div>
            </div>
            <div class="serve-type-list">
                <div class="homeserve-list-content clearfix">
                    <a class="serve-item" data-id="07" data-type="7" href="by.html">
                        <i class="iconfont">&#xe600;</i>
                        <span>保养</span>
                    </a>
                    <a class="serve-item" data-id="15" data-type="6" href="ktl.html">
                        <i class="iconfont yellow-iconfont">&#xe75f;</i>
                        <span>空调滤</span>
                    </a>
                    <a class="serve-item" data-id="16" data-type="5" href="kql.html">
                        <i class="iconfont green-iconfont">&#xe651;</i>
                        <span>空气滤</span>
                    </a>
                    <a class="serve-item" data-id="17" data-type="2" href="scp.html">
                        <i class="iconfont yellow-iconfont">&#xe621;</i>
                        <span>刹车片</span>
                    </a>
                    <a class="serve-item" data-id="02" data-type="2" href="jcyh.html">
                        <i class="iconfont green-iconfont">&#xe603;</i>
                        <span>检测与养护</span>
                    </a>
                    <a class="serve-item" data-id="03" data-type="2" href="jqm.html">
                        <i class="iconfont ">&#xe609;</i>
                        <span>节气门清洗</span>
                    </a>
                    <a class="serve-item" data-id="04" data-type="2" href="fdjc.html">
                        <i class="iconfont red-iconfont">&#xe604;</i>
                        <span>发动机舱精洗</span>
                    </a>
                    <div class="more-item">
                        <i class="iconfont">&#xe699;</i>
                        <span>更多服务</span>
                    </div>
                    <a class="serve-item" data-id="05" data-type="2" href="ktqx.html">
                        <i class="iconfont">&#xe629;</i>
                        <span>空调清洗</span>
                    </a>
                    <a class="serve-item" data-id="06" data-type="2" href="lqqx.html">
                        <i class="iconfont red-iconfont">&#xe65c;</i>
                        <span>轮圈清洗</span>
                    </a>
                    <a class="serve-item" data-id="08" data-type="2" href="qycjt.html">
                        <i class="iconfont yellow-iconfont">&#xe63f;</i>
                        <span>氢氧除积碳</span>
                    </a>
                    <a class="serve-item" data-id="12" data-type="2" href="ygp.html">
                        <i class="iconfont green-iconfont">&#xe612;</i>
                        <span>雨刮片更换</span>
                    </a>
                    <a class="serve-item" data-id="18" data-type="2" href="hhs.html">
                        <i class="iconfont green-iconfont">&#xe60c;</i>
                        <span>火花塞更换</span>
                    </a>
                    <a class="serve-item" data-id="19" data-type="2" href="kmxf.html">
                        <i class="iconfont ">&#xe648;</i>
                        <span>抗磨修复</span>
                    </a>
                    <div class="serve-item" data-id="restItem" data-type="">
                        <span></span>
                    </div>
                    <div class="serve-item" data-id="restItem" data-type="">
                        <span></span>
                    </div>
                    <div class="serve-item" data-id="restItem" data-type="">
                        <span></span>
                    </div>
                </div>
                <div class="shopserve-list-content clearfix" style="display: none;">
                    <div class="line-content clearfix">
                        <a href="qcyh.html" class="unserve-item curing-enter">
                            <i class="iconfont">&#xe63c;</i>
                            <span>汽车养护</span>
                        </a>
                        <a href="gzwx.html" class="unserve-item fault-enter" data-id="" data-type="7">
                            <i class="iconfont green-iconfont">&#xe60b;</i>
                            <span>故障维修</span>
                        </a>
                        <a href="bjpq.html" class="paint-item" data-id="15" data-type="6">
                            <i class="iconfont yellow-iconfont">&#xe60f;</i>
                            <span>钣金喷漆</span>
                        </a>
                        <a href="bxxc.html" class="unserve-item safe-enter" data-id="16" data-type="5">
                            <i class="iconfont green-iconfont">&#xe615;</i>
                            <span>保险修车</span>
                        </a>
                    </div>
                    <div class="line-content clearfix">
                        <div class="unserve-item paste-enter" data-id="2" data-type="2">
                            <i class="iconfont grey-iconfont">&#xe60a;</i>
                            <span>敬请期待</span>
                        </div>
                        <div class="unserve-item repair-enter" data-id="3" data-type="2">
                            <span></span>
                        </div>
                        <div class="unserve-item repair-enter" data-id="4" data-type="2">
                            <span></span>
                        </div>
                        <div class="unserve-item">
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="grey-bar"></div>
            <div class="information-scroll clearfix">
                <img class="left-information" src="images/service_trend.png">
                <div class="right-information">
                    <div class="inner-right-information" style="bottom: 0;">
                        <div class="right-information-line">
                            <span class="recent-information">最新评价</span><span class="user-name">张**(158****6153)：</span><span class="other-detail">张师傅热情细心！</span>
                        </div>
                        <div class="right-information-line">
                            <span class="recent-information">最新评价</span><span class="user-name">宋**(138****7231)：</span><span class="other-detail">不错</span>
                        </div>
                        <div class="right-information-line">
                            <span class="recent-information">最新预约</span><span class="user-name">王**(182****1475)为ta的起亚(东风)K3预约：</span><span class="other-detail">机油，机滤，车辆检测与细节养护，发动机舱精洗</span>
                        </div>
                        <div class="right-information-line">
                            <span class="recent-information">最新预约</span><span class="user-name">徐**(181****6540)为ta的丰田(广汽)致炫预约：</span><span class="other-detail">机油，机滤，车辆检测与细节养护，发动机舱精洗</span>
                        </div>
                        <div class="right-information-line">
                            <span class="recent-information">最新评价</span><span class="user-name">杨**(158****3258)：</span><span class="other-detail">热情、周到、细心</span>
                        </div>
                        <div class="right-information-line">
                            <span class="recent-information">最近服务</span><span class="user-name">吴**(139****3081)的预约完成：</span><span class="other-detail">机油，机滤</span>
                        </div>
                        <div class="right-information-line">
                            <span class="recent-information">最近服务</span><span class="user-name">杨**(182****2232)的预约完成：</span><span class="other-detail">机油，机滤</span>
                        </div>
                        <div class="right-information-line">
                            <span class="recent-information">最近服务</span><span class="user-name">王**(181****2315)的预约完成：</span><span class="other-detail">机油，机滤</span>
                        </div>



                        <div class="right-information-line">
                            <span class="recent-information">最新预约</span><span class="user-name">李**(137****8515)为ta的奇瑞A3预约：</span><span class="other-detail">机油，机滤，车辆检测与细节养护，发动机舱精洗</span>
                        </div>



                        <div class="right-information-line">
                            <span class="recent-information">最新评价</span><span class="user-name">赖**(134****9838)：</span><span class="other-detail">服务到位！</span>
                        </div>



                        <div class="right-information-line">
                            <span class="recent-information">最近服务</span><span class="user-name">孙**(136****5307)的预约完成：</span><span class="other-detail">空调滤，空气滤</span>
                        </div>



                        <div class="right-information-line">
                            <span class="recent-information">最新评价</span><span class="user-name">张**(135****2752)：</span><span class="other-detail">很满意，下次还找他</span>
                        </div>



                        <div class="right-information-line">
                            <span class="recent-information">最新预约</span><span class="user-name">郑**(137****5357)为ta的别克GL8预约：</span><span class="other-detail">机油，机滤</span>
                        </div>



                        <div class="right-information-line">
                            <span class="recent-information">最新预约</span><span class="user-name">陈**(153****6580)为ta的福特(长安)翼虎预约：</span><span class="other-detail">机油，机滤</span>
                        </div>



                        <div class="right-information-line">
                            <span class="recent-information">最近服务</span><span class="user-name">葛**(151****3538)的预约完成：</span><span class="other-detail">发动机舱精洗</span>
                        </div>


                    </div>
                </div>
            </div>-->
            <div class="grey-bar"></div>
            <!--轮播-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img class="img-responsive _line-max-height" src="images/banner12.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img class="img-responsive _line-max-height" src="images/banner11.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img class="img-responsive _line-max-height" src="images/banner6.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img class="img-responsive _line-max-height" src="images/banner2.jpg">
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
            <div class="grey-bar"></div>
            <div class="add-content">
                <a class="left-background" href="javascript:void(0);">
                    <div class="left-content">
                        <span>企业介绍</span>
                        <span>因为科技无锡股份有限公司</span>
                    </div>
                </a>
                <div class="right-content">
                    <a href="javascript:void(0);">
                        <div class="right-bottom">
                            <img class="tt_logo" src="images/tt_logo.jpg">
                            <img class="tt_car" src="images/tt_car.png">
                            <span>您身边的汽车顾问</span>
                        </div>
                    </a>
                    <a href="javascript:void(0)">
                        <div class="right-top">
                            <span>企业最新动态</span>
                            <span>了解最新企业信息</span>
                        </div>
                    </a>
                </div>
            </div>
            <div class="footer">
                <a href="index.html" class="footer-item current-footer-item">
                    <div>
                        <i class="iconfont">&#xe729;</i>
                        <span>首页</span>
                    </div>
                </a>

                <a href="login.html" class="footer-item order-enter">
                    <div>
                        <i class="iconfont">&#xe613;</i>
                        <span>订单</span>
                    </div>
                </a>

                <a href="login.html"  class="footer-item personal-enter">
                    <div>
                        <i class="iconfont">&#xe605;</i>
                        <span>我的</span>
                    </div>
                </a>
            </div>
            <div class="_notify-black"><i class="icon-info-sign"></i><span style="padding-left:5px"></span></div>
        </div>
    </div>
</div>
<script>
    $(function () {
        //更多服务
        $('.more-item').bind('click',function () {
            $(this).hide();
            $(this).parent().css('height',335);
        });
        //维修类型切换
        var $repairTypeHead=$('.serve-list-header>.list-tip');
        $repairTypeHead.click(function () {
            $(this).find(".inner-list-tip").addClass('select-tip');
            $(this).siblings().find(".inner-list-tip").removeClass('select-tip');
            var index=$repairTypeHead.index(this);
            $('.serve-type-list>div').eq(index).show()
                .siblings().hide();
        });
        //自动滚动
        function autoScroll(){
            if ($('.inner-right-information').css('bottom') == '0px' || $('.inner-right-information').css('bottom') == 0) {
                $('.inner-right-information').css('bottom','-476px');
            } else {
                $('.inner-right-information').animate({
                    bottom:'+=34px'
                },1000);
            }
        };
        //车辆品牌切换
        /*alert(getQueryStr("l"));*/
        function getQueryStr(str) {
            var LocString = String(window.document.location.href);
            var rs = new RegExp("(^|)" + str + "=([^&]*)(&|$)", "gi")
                .exec(decodeURIComponent(LocString)), tmp;
            if (tmp = rs) {
                return tmp[2];
            }
            return "";
        };
        var carBrandText=$('.left-unselect-car>span').html();
        if(getQueryStr("l")!=null||getQueryStr("l")!=''){
            $('.left-unselect-car>span').html(getQueryStr("l"));

        }else {
            $('.left-unselect-car>span').html(carBrandText);
        }


        setInterval(autoScroll,4000);

        //初始化轮播插件
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
    })
</script>
</body>
</html>